<!--
 * @Author: your name
 * @Date: 2021-07-21 21:08:48
 * @LastEditTime: 2021-07-21 21:39:36
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \noproblemi:\实训东软H5\仓库\h5_2002\编码\cat\src\views\inquiry\InServe7.vue
-->



<template>
  <div class="Opservice1-message">
    <div class="left">
      <img
        src="http://www.ananpet.com/Public/Uploads/Equipment/2018-07-18/5b4f024a558d2.jpg"
        alt=""
      />
    </div>
    <div class="right">
      <h2>皮肤科</h2>
      <div class="message" v-for="(all,index) in pagemessage" :key="index">
        {{all.messages}}
      </div>
      <el-button type="primary" round @click="ToHospital">查看门店</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pagemessage: [
        {
          photo: 'http://www.ananpet.com/Public/Uploads/Treatment/2018-09-04/5b8e210c26c95.jpg',
          department: '猫专科',
          messages: '皮肤科中心是国内率先设立小动物皮肤专科门诊的医院，在全国小动物皮肤诊疗领域享有盛名。皮肤中心拥有病理级显微镜、电子成像系统、皮肤镜、电子耳镜等设备。可以完成感染性皮肤疾病、寄生虫性皮肤疾病、过敏性皮肤疾病、皮肤肿瘤、免疫性皮肤疾病、综合性复杂内科疾病皮肤征的诊疗，并配合内科中心和眼科中心会诊和诊疗。'
        }
      ]
    };
  },
  methods: {
    ToHospital() {
      this.$router.push('/Hospital');
    }
  }
};
</script>

<style lang="less" scoped>
.Opservice1-message {
  display: flex;
  justify-content: space-between;
  .left {
    img {
      width: 300px;
      height: 400px;
    }
  }
  .right {
    display: flex;
    flex-direction: column;
    margin-left: 100px;
    h2 {
      border-color: white white black white;
      border-style: solid;
    }
    .message {
      margin-top: 50px;
      margin-bottom: 50px;
    }
    .el-button {
      width: 200px;
      height: 50px;
    }
  }
}
</style>